<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="js/jquery.min.js" type="text/javascript"></script>
        <link rel="stylesheet" href="css/mui.min.css">
        <link rel="stylesheet" href="css/style.css">
        <script src="js/jquery.min.js"></script>
    </head>
    <body class="smrz-bj">
      <div class="sqbh1-mains">
        <div class="sqbh1-top">
          <h2 class="top-h2">补货须知</h2>
          <p class="top-ps">1.家庭盒子中商品剩余大于件<i>8</i>商品时，平台拒绝补货</p>
          <p class="top-ps">2.单次补货商品金额需低于时<i>￥999</i>，平台拒绝补货</p>
        </div>
        <div class="sqbh1-center">
          <div class="center-div">
            <span class="ce-span1">补货备注</span>
            <span class="ce-span2">箱子编号：884998484</span>
          </div>
          <textarea placeholder="对本次补货有啥要求，可以写在备注哟" class="tex-div"></textarea>
        </div>
        <ul class="sqbh1-nav">
          <li class="li1">
            <div class="bh-div1">商品名称</div>
            <div class="bh-div2">剩余库存</div>
            <div class="bh-div3">本次补货库存</div>
          </li>
          <!-- 当class="li2"时,字体颜色为淡灰色 -->
          <li class="li2">
            <div class="bh-div1 bh-div1s">【农夫山泉】饮用天然水，5L/桶</div>
            <div class="bh-div2 bh-div2s">0</div>
            <div class="bh-div3 bh-div3s">
             <img src="img/hz-img26.png" class="img-jg">
             <input type="text" value="0" class="text-inp"  disabled="disabled">
             <img src="img/hz-img23.png" class="img-jg">            
            </div>
          </li>
          <li>
            <div class="bh-div1 bh-div1s">【农夫山泉】饮用天然水，5L/桶</div>
            <div class="bh-div2 bh-div2s">1</div>
            <div class="bh-div3 bh-div3s">
             <img src="img/hz-img26.png" class="img-jg">
             <input type="text" value="1" class="text-inp"  disabled="disabled">
             <img src="img/hz-img23.png" class="img-jg">            
            </div>
          </li>          
        </ul>
      </div>

      <div class="sqbh-fixed">
        <div class="fixed-div1">
          <div class="fixed-pa">本次补货总价：¥128.00</div>
          <div class="fixed-pa">本次补货商品数：4件</div>
        </div>
        <div class="fixed-div2">边吃边付</div>
        <div class="fixed-div2 fixed-div3">
          <div>边吃边付</div>
          <div class="qx-j">9折</div>
        </div>
      </div>
    </body>
</html>
